<template>
    <div class="dict-page">
        <div class="grid grid-cols-2 ">
            <div class="col-span-1 border-r-[1px] border-r-[#ddd] border-r-solid ">
                <Left @select-manager="handleSelectManager" :selected-manager-id="selectedManagerId" />
            </div>
            <div class="col-span-1">
                <Right :selected-manager-id="selectedManagerId" :selected-manager-name="selectedManagerName" />
            </div>
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import Left from './components/left.vue';
import Right from './components/right.vue';

// 存储选中的领导信息
const selectedManagerId = ref(null);
const selectedManagerName = ref('');

// 处理领导选择事件
const handleSelectManager = (manager) => {
  selectedManagerId.value = manager.id;
  selectedManagerName.value = manager.name;
};
</script>

<style lang="less">
.dict-page {
    box-sizing: border-box;
}
</style>